﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="About.aspx.cs" Inherits="CSharp.About"  MasterPageFile="~/HomeSI.Master" EnableEventValidation="false" %>
<asp:Content ID="cphBody" runat="server" ContentPlaceHolderID="cphBody">

<script type="text/javascript" src="https://select2.github.io/vendor/js/jquery.min.js"></script>
<style class="anchorjs"></style><link href="https://select2.github.io/vendor/css/bootstrap.min.css" type="text/css" rel="stylesheet">
<%--<script type="text/javascript" src="https://select2.github.io/dist/js/select2.full.js"></script>
<script type="text/javascript" src="https://select2.github.io/vendor/js/bootstrap.min.js"></script>
<script type="text/javascript" src="https://select2.github.io/vendor/js/prettify.min.js"></script>
<script type="text/javascript" src="https://select2.github.io/vendor/js/anchor.min.js"></script>

<link href="https://select2.github.io/dist/css/select2.min.css" type="text/css" rel="stylesheet">

<link href="https://select2.github.io/vendor/css/font-awesome.min.css" type="text/css" rel="stylesheet">
<link href="https://select2.github.io/css/s2-docs.css" type="text/css" rel="stylesheet">

<script type="text/javascript" src="https://select2.github.io/vendor/js/placeholders.jquery.min.js"></script>
<script type="text/javascript" src="https://select2.github.io/dist/js/i18n/es.js"></script>--%>
<link href="http://cdnjs.cloudflare.com/ajax/libs/select2/4.0.1/css/select2.min.css" rel="stylesheet" />
<script src="http://cdnjs.cloudflare.com/ajax/libs/select2/4.0.1/js/select2.min.js"></script>

About:
    <asp:Label ID="lblMsg" runat="server"></asp:Label>
    <br />
    <asp:Button ID="Button1" runat="server" Text="Button" onclick="Button1_Click" />
    <br />
    <asp:ListBox ID="ListBox1" runat="server" SelectionMode="Multiple" class="js-example-tags form-control">
        <asp:ListItem Text="a" Value="1" Selected="True">a</asp:ListItem>
        <asp:ListItem Text="b" Value="2">b</asp:ListItem>
        <asp:ListItem Text="c" Value="3" Selected="True">c</asp:ListItem>
    </asp:ListBox>
    <asp:ListBox ID="ListBox2" runat="server" SelectionMode="Multiple" class="js-example-placeholder-single form-control">
        <asp:ListItem Text="a" Value="1" Selected="True">a</asp:ListItem>
        <asp:ListItem Text="b" Value="2">b</asp:ListItem>
        <asp:ListItem Text="c" Value="3" Selected="True">c</asp:ListItem>
    </asp:ListBox>
    <asp:TextBox ID="TextBox1" runat="server" TextMode="MultiLine"></asp:TextBox>
  
<script type="text/javascript">
    $(".js-example-tags").select2({
        tags: true
    })
    $(".js-example-placeholder-single").select2({
        placeholder: "Select a state",
        allowClear: true
    });
</script>
</asp:Content>